<!--加载django自定义静态目录下的资源, 注意一定要有下面这句话-->
{% load static %}
{% csrf_token %}
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
	<!--static前后可以有空格, 但与之后的路径字符串之间不能有-->
    <link rel="stylesheet" href="{% static "bootstrap/css/bootstrap.css" %}">
    <link rel="stylesheet" href="{% static "bootstrap/css/bootstrap-theme.css" %}">
    <link rel="stylesheet" href="{% static "css/style.css" %}">
    <title></title>
  </head>
  <body>
    <div class="container">
		<!--标签页窗口, 标签页的导航栏其实就是nav导航栏-->
		<div class="tab-window">
			<ul class="nav nav-tabs" role="tablist">
				<li role="presentation" class="active">
					<a id="objectType" href="#objectType" role="tab" data-toggle="tab">
						可用对象类型
					</a>
				</li>
				<li role="presentation">
					<a id="propertyType" href="#propertyType" role="tab" data-toggle="tab">
						可用属性类型
					</a>
				</li>
				<li role="presentation">
					<a id="relationType" href="#relationType" role="tab" data-toggle="tab">
						可用关系类型
					</a>
				</li>
			</ul>

			<div class="tab-content">
				<div role="tabpanel" class="tab-pane active" id="objectType">
					<form class="form-horizontal objectType" role="form">
						<div class="form-group">
							<label class="col-sm-2 control-label">对象类型名称</label>
							<div class="col-sm-10">
								<input type="text" class="form-control objectType__title" />
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label">此类对象颜色</label>
							<div class="col-sm-10">
								<input type="text" class="form-control objectType__color" />
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label">对象类型描述</label>
							<div class="col-sm-10">
								<input type="text" class="form-control objectType__desc" />
							</div>
						</div>
						<button class="btn btn-primary objectType__submit" type="button">添加</button>
					</form>

					<table class="table table-hover">
						<thead>
							<tr>
								<th>对象类型名称</th>
								<th>此类对象颜色</th>
								<th>描述</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody class="objectTypeList">
							
						</tbody>
						<tfoot></tfoot>
					</table>
				</div>

			</div>
		</div>
	</div>
	<!--manage树展示区域-->
	<div class="overview">

	</div>
    <script type="text/javascript" src="{% static "js/require-2.3.1.js" %}"></script>
    <script type="text/javascript" src="{% static "js/require-libs.js" %}"></script>
	<script id="objectTypeListItem" type="text/html">
		<!--注意: django中输出'{{'与'}}'模板符号的方式...还有arttemplate的注释方式-->
		{% templatetag openvariable %} each result {% templatetag closevariable %}
		<tr>
			<td>
				{% templatetag openvariable %}
					$value.title
				{% templatetag closevariable %}
			</td>
			<td>
				{% templatetag openvariable %}				
					$value.color
				{% templatetag closevariable %}				
			</td>
			<td>
				{% templatetag openvariable %}				
					$value.desc
				{% templatetag closevariable %}				
			</td>
			<td>删除</td>
		</tr>
		{% templatetag openvariable %} /each {% templatetag closevariable %}
	</script>
  </body>
</html>
